<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
   
    <f:view contentType="text/html">
        <h:head>            
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <link rel="shortcut icon" href="aspera/favicon.ico"/>
                <title>..:: GEPAD ::..</title>
            </f:facet>
        </h:head>

        <h:body>    
            <div align="center">
                <h:graphicImage url="images/banner_gepad.jpg" width="100%" height="100%" alt="LogoEDI"  />
            </div>
            <p:accordionPanel multiple="true">
        <p:tab title="ASPERA (Asignación de Permisos de Aprendices)">
            <h:panelGrid columns="3" cellpadding="10">
                <img src="images/logos/aspera.jpg" />
                <h:outputText
                    value="ASPERA (Asignación de Permisos a Aprendices es una herramienta que facilita el proceso de permisos que solicitan los aprendices para salir del centro o de una sede. Los aprendices deberán solicitar el permiso e informar al coordinador e instructor para que aprueben el permiso, así si está autorizado podrá salir." />
                <p:button outcome="aspera/indexAspera" icon="ui-icon-circle-arrow-e" title="Icon Only"/>
            </h:panelGrid>
        </p:tab>
        <p:tab title="ATUS (Atención al Usuario)">
            <h:panelGrid columns="3" cellpadding="10">
                <img src="images/logos/atus.png" />
                <h:outputText value="ATUS es una herramienta que apoya el proceso de Atención al Usuario Externo e Interno del centro. La persona encargada podrá registrar los turnos de las personas que llegan al centro y la dependencia a la que se dirigen." />
                <p:button outcome="atus/indexAtus" icon="ui-icon-circle-arrow-e" title="Icon Only"/>
            </h:panelGrid>
        </p:tab>
        <p:tab title="SAEL (Seguimiento a Aprendices en Etapa Lectiva)">
            <h:panelGrid columns="3" cellpadding="10">
                <img src="images/logos/sael.png" />
                <h:outputText value="SAEL es una herramienta para el Seguimiento a Aprendices en Etapa Lectiva. Mediante está herramienta el líder de cada grupo podrá diligenciar el acta de comité y el coordinador programar los seguimientos y de manera automática generar las novedades." />
                <p:button outcome="sael/indexSael" icon="ui-icon-circle-arrow-e" title="Icon Only"/>
            </h:panelGrid>
        </p:tab>
         <p:tab title="EDI (Evaluación de Instructores)">
            <h:panelGrid columns="3" cellpadding="10">
                <img src="images/logos/edi.png" />
                <h:outputText value="SAEL es una herramienta para el Seguimiento a Aprendices en Etapa Lectiva. Mediante está herramienta el líder de cada grupo podrá diligenciar el acta de comité y el coordinador programar los seguimientos y de manera automática generar las novedades." />
                <p:button outcome="edi/indexEdi" icon="ui-icon-circle-arrow-e" disabled="true" title="Icon Only"/>
            </h:panelGrid>
        </p:tab>
    </p:accordionPanel>
                <div align="center" class="banner" >
                    <h:graphicImage url="images/pie_gepad.jpg" width="100%" height="100%" alt="LogoAspera"  />
                </div>
        </h:body>

    </f:view>
</html>